<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" lang="zh-CN">

<nav th:fragment="nav" class="navbar navbar-default" role="navigation" >
    <div class="container-fluid">
        <div class="navbar-header">
            <img draggable="false" th:src="@{'/img/logo.png'}" style="width: 50px; height: 50px;">&nbsp;
        </div>
        <div>
            <ul id="menu" class="nav navbar-nav">
                <li class="active"><a href="javascript:void(0);"  data-route="1" url="/index"><span
                        class="fa fa-tachometer"></span>驱动</a>
                </li>
                <li><a href="javascript:void(0);" url="/monitor" data-route="2"><span class="fa fa-line-chart"></span>监控</a></li>
                <li><a href="javascript:void(0);" url="/plugin" data-route="0"><span class="fa fa-puzzle-piece" aria-hidden="true"></span>插件</a></li>
                <li class="dropdown">
                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">配置<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="javascript:void(0);" url="/system" data-route="3"><span class="fa fa-cog"></span>系统参数</a></li>
                        <li><a href="javascript:void(0);" url="/user" data-route="3"><span class="fa fa-users"></span>用户管理</a></li>
                        <li><a href="javascript:void(0);" url="/config" data-route="3"><span class="fa fa-file-code-o" aria-hidden="true"></span>配置管理</a></li>
                        <li><a href="javascript:void(0);" url="/license" data-route="3"><span class="fa fa-key" aria-hidden="true"></span>授权许可</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li id="licenseInfo" class="hidden license-info-item">
                    <a href="javascript:void(0);" style="cursor:default">
                        专业版&nbsp;
                        <img id="licenseCheck" class="hidden license-info-item" draggable="false" title="已激活" width="17px" height="17px" th:src="@{'/img/license/check.png'}">
                        <img id="licenseRemind" class="hidden license-info-item" draggable="false" title="即将过期, 请联系星河同步官方续期" width="17px" height="17px" th:src="@{'/img/license/remind.png'}">
                        <img id="licenseWarning" class="hidden license-info-item" draggable="false" title="已过期, 请联系星河同步官方续期" width="17px" height="17px" th:src="@{'/img/license/warning.png'}">
                        <span id="effectiveContent" class="hidden license-info-item"></span>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><span id="currentUser"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="javascript:void(0);" id="edit_personal"> <i class ="fa fa-pencil"></i>修改</a></li>
                        <li><a href="javascript:void(0);" id="nav_logout"> <i class ="fa fa-power-off"></i>注销</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

</html>